<!--
<div>大文件上传/短点续传/秒传</div>
//
{{ inputValue }}
const inputValue = ref('')
-->
<template>
	<base-input v-model="inputValue" label="value" ref="baseInputRef" /> {{ inputValue }}
	<base-input v-model:name="name" label="value" ref="baseInputRef" /> {{ name }}
	<!-- <base-input v-model:val="inputValue" label="value" ref="baseInputRef" /> -->
	<SetupFun ref="setupFunRef" />
	<SetupScript ref="setupScriptRef" />
</template>
<script setup>
const inputValue = ref('1')
const name = ref('name')
import SetupFun from './components/setupFun.vue'
import SetupScript from './components/setupScript.vue'

const setupFunRef = ref(null)
const setupScriptRef = ref(null)

onMounted(() => {
	console.log('%c [ setup 函数 ]-15', 'font-size:16px; background:pink; color:#bf2c9f;', setupFunRef.value.$el.msg)
	console.log('%c [ setup 函数 ]-15', 'font-size:16px; background:pink; color:#bf2c9f;', setupFunRef.value.$parent)
	console.log('%c [ setup 函数 ]-15', 'font-size:16px; background:pink; color:#bf2c9f;', setupFunRef.value.$parent)
	console.log('%c [ setup 函数 ]-15', 'font-size:16px; background:pink; color:#bf2c9f;', setupFunRef.value.msg)
	console.log('%c [ setup 函数 ]-15', 'font-size:16px; background:pink; color:#bf2c9f;', setupFunRef.value.count)

	if (setupScriptRef.value) {
		console.log('%c [setup 语法糖11  ]-23', 'font-size:16px; background:pink; color:#bf2c9f;', setupScriptRef.value.$el)
		console.log('%c [setup 语法糖11  ]-23', 'font-size:16px; background:pink; color:#bf2c9f;', setupScriptRef.value.msg)
		console.log('%c [setup 语法糖11  ]-23', 'font-size:16px; background:pink; color:#bf2c9f;', setupScriptRef.value)
	}
})
</script>
